window.onload=function(){
	$("lab1").onclick=function(){
		dochanget();
	}
	$("lab2").onclick=function(){
		dochange();
	}
	$("cx").className="cxs";
	createTime();

	$("bctl").onmouseover=function(){
		stop();
	}
	$("bctl").onmouseout=function(){
		createTime();
	}
	function stop(){
		clearInterval(thetime);
	}

	startClock()
}

	var i=1;
	var thetime;
		function createTime(){
			thetime=setInterval("dochanges()",3000);
		}
		function dochanges(){
			i++
			if(i==6){
				i=1;
			}
			if(i==0){
				i=5;
			}
			$("img").src = "../images/"+i+".jpg";
		}


	function dochange(){
		i++;
		if(i==6){
			i=1;
		}
		$("img").src = "../images/"+i+".jpg";
			if(i==5){
				i=0;
			} 
	}

	function dochanget(){
		if(i==0){
			i=5;
		}
		if(i==1){
			i=5;
			$("img").src = "../images/"+i+".jpg";
		}else{
			i--;
			$("img").src = "../images/"+i+".jpg";
		}
				
	}


	function showTime(){
		var c=$("now");
		var nowTime=new Date();
		c.innerText=nowTime.toLocaleTimeString();
	}
	var Clock=new (function(){
		var intervalld=0;
		this.startClock=function(){
			intervalld=setInterval("showTime()",50);
		}
		this.endClock=function(){
			clearInterval(intervalld);
		}
	});
	function stopClock(){Clock.endClock()}
	function startClock(){Clock.startClock()}

function $(id){
	return document.getElementById(id);
}
function N(Name){
	return document.getElementsByName(Name);
}
function T(TagName){
	return document.getElementsByTagName(TagName);
}